<template>
  <div class="footer">
    <img class="logo" src="@/assets/common/logo.png" alt="logo">
    <p class="author"><b>创作者 Author：</b>丁浩然 (dinghaoran@tiaozhan.com)</p>
    <p class="copyright">
      <span>Copyright &copy; 2018-2018 DDLTECH.</span>
      <span>All rights reserved.</span>
      <span>陕ICP备18011800号.</span>
    </p>
  </div>
</template>

<script>
export default {
  name: 'Footer',
}
</script>

<style lang="scss">
.footer {
  height: 220px;
  background-color: #23324b;
  color: #f5f7f9;
  text-align: center;
  
  .logo {
    width: 140px;
    height: 140px;
    display: block;
    margin: 0 auto;
  }

  .author {
    font-size: 16px;
    margin-bottom: 22px;
  }

  .copyright {
    font-size: 12px;
  }
}
</style>
